<template>
<div id="app">
 <!-- v-show  display:none-->
 <div v-show="isShow">动态隐藏与显示11</div>
 <!-- v-if 直接删除了 dom -->
 <div v-if="isCreate">动态隐藏与显示22</div>
<!-- v-for 列表渲染的指令 -->
<ul>
  <li v-for="item in list" :key='item'>{{item}}</li>
</ul>
<button @click="handleChange">change</button>
</div>
</template>

<script>
import { handleError } from '@vue/runtime-core'
export default {
data(){
  return {
  isShow: false,
  isCreate:false,
  list:['cxm','pig','zll','cat']
  }
},
methods:{
handleChange() {
  this.isShow=!this.isShow,
  this.isCreate=!this.isCreate
}
}
}
</script>

<style>

</style>